<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta charset="gb2312">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="IE=dege" />
    <meta name="format-detection" content="telephone=no" />
    <title>知了知了</title>
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <link rel="stylesheet" href="css/animate.min.css" />
    <link href="images/favicon.ico" rel="icon" type="images/x-icon">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1631099_c2ht6ck3pi.css">
    <link rel="stylesheet" href="css/headfoot.css" />
    <link rel="stylesheet" href="css/second.css">
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/swiper.jquery.min.js"></script>
    <script src="js/jquery.SuperSlide.2.1.1.js"></script>
    <script src="js/index.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/wow.min.js"></script>
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <style>

    </style>
    <script>
        if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))) {
            new WOW().init();
        }

    </script>
</head>

<body>
    <!--头部部分-->
    <div class="heads baibg">
        <script>
            $(".heads").load("head.html");
        </script>
    </div>
    <div class="lanbg">
        <div class="main-md">
            <div class="banner">
                <div class="swiper-container" id="banner">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide"> <img src="images/dyf/yuanbg.jpg" alt=""></div>
                        <div class="swiper-slide"> <img src="images/dyf/yuanbg.jpg" alt=""></div>
                        <div class="swiper-slide"> <img src="images/dyf/yuanbg.jpg" alt=""></div>
                    </div>
                    <!-- Add Pagination -->
                    <div class="swiper-pagination swiper-bg">
                    </div>
                </div>
            </div>
            <div class="face">
                <div class="face_tit">
                    <h1>1对1面授精选课堂</h1>
                    <p>1 TO 1 FACE-TO-FACE CLASS SELECTION </p>
                </div>
                <div class="face_list">
                    <ul>
                        <li>
                            <div class="face_text">
                                <h4>精选讲师授课</h4>
                                <p>精选优秀讲师，具备多年授课经验及行业
                                    经验真诚倾注每一堂课程；</p>
                            </div>
                            <div class="face_img">
                                <img src="images/dyf/ooe-1.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="face_text">
                                <h4>随时随地学习</h4>
                                <p>精选优秀讲师，具备多年授课经验及行业
                                    经验真诚倾注每一堂课程；</p>
                            </div>
                            <div class="face_img">
                                <img src="images/dyf/ooe-2.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="face_text">
                                <h4>多媒体实现和老师面对面</h4>
                                <p>精选优秀讲师，具备多年授课经验及行业
                                    经验真诚倾注每一堂课程；</p>
                            </div>
                            <div class="face_img">
                                <img src="images/dyf/ooe-3.png" alt="">
                            </div>
                        </li>
                        <li>
                            <div class="face_text">
                                <h4>网络教育优势</h4>
                                <p>精选优秀讲师，具备多年授课经验及行业
                                    经验真诚倾注每一堂课程；</p>
                            </div>
                            <div class="face_img">
                                <img src="images/dyf/ooe-4.png" alt="">
                            </div>
                        </li>
                    </ul>
                    <div class="face_btn">
                        <a href="#"> 点击进入远程课学习 </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="huibg">
        <div class="main-md">
            <div class="project">
                <div class="project_lf">
                    <div class="project_text">
                        <div class="join_text">
                            <h1>专业定制项目学习课程</h1>
                            <h4>Specialized customized project learning courses</h4>
                            <p>根据设计项目流程制定课程流程，学生知识吸收细化嗲每天，每周一个小总结，每天的课程根据实际案例学习，让你学好设计的同时，软件也变的666，每个月一个实例分析讲解，带领学生设计完整项目。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="project_rt">
                    <img src="images/dyf/yuans-1.jpg" alt="">
                </div>

            </div>
        </div>
    </div>
    <div class="baibg">
        <div class="main-md">
            <div class="project projects">
                <div class="project_rt">
                    <img src="images/dyf/yuans-2.jpg" alt="">
                </div>
                <div class="project_lf">
                    <div class="project_text">
                        <div class="join_text">
                            <h1>专业定制项目学习课程</h1>
                            <h4>Specialized customized project learning courses</h4>
                            <p>根据设计项目流程制定课程流程，学生知识吸收细化嗲每天，每周一个小总结，每天的课程根据实际案例学习，让你学好设计的同时，软件也变的666，每个月一个实例分析讲解，带领学生设计完整项目。
                            </p>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </div>
    <!--页尾-->
    <div class="foots">
        <script>
            $(".foots").load("foot.html");
        </script>
    </div>
    <script>
        $(function () {
            var swiper = new Swiper('#banner', {
                autoplay: 3000,
                speed: 500,
                loop: true,
                lazyLoading: true,
                // 如果需要分页器
                pagination: '.swiper-pagination',
                paginationClickable: true
            });
        })
    </script>
</body>

</html>